<template>
  <div class="breadcrumb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="(item, index) in props.list" :key="index">
        <span style="color: #000;font-weight: bold;">{{ item.meta.title }}</span> /
        <RouterLink :to="{ path: item.path }">{{ item.meta.name }}</RouterLink>
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script lang="ts" setup>
import { defineProps } from 'vue'
const props = defineProps({
  list: Object
})

</script>
